/**
 * AI功能页面JavaScript文件
 * 提供各种AI功能的模拟实现
 */

(function($) {
    
    // 科技知识库
    var techKnowledge = {
        "什么是人工智能？": "人工智能（AI）是指让机器模拟人类智能的技术。它包括机器学习、深度学习、自然语言处理等技术，能够让计算机理解、学习和决策，广泛应用于语音识别、图像识别、自动驾驶等领域。",
        
        "5G技术的特点是什么？": "5G技术具有三大特点：\n1. 高速度：下载速度可达10Gbps，比4G快100倍\n2. 低延迟：延迟低至1毫秒，支持实时应用\n3. 大连接：每平方公里可连接100万个设备\n\n主要应用于物联网、自动驾驶、远程医疗等场景。",
        
        "云计算的优势有哪些？": "云计算的主要优势包括：\n• 成本降低：按需付费，减少硬件投资\n• 弹性扩展：根据需求快速调整资源\n• 高可用性：多地备份，保障业务连续性\n• 快速部署：几分钟内启动新服务\n• 全球访问：随时随地访问数据和应用",
        
        "区块链如何工作？": "区块链是一种分布式记账技术：\n1. 数据打包：交易信息打包成区块\n2. 加密链接：每个区块通过哈希值链接\n3. 分布式存储：在多个节点同时存储\n4. 共识机制：网络节点验证交易合法性\n\n具有去中心化、不可篡改、透明可追溯的特点。",
        
        "机器学习": "机器学习是AI的核心技术，让计算机从数据中自动学习规律。主要分为监督学习、无监督学习和强化学习三类，广泛应用于推荐系统、图像识别、语音助手等场景。",
        
        "物联网": "物联网（IoT）通过传感器、网络连接将物理设备智能化。涵盖智能家居、工业4.0、智慧城市等应用，预计2025年全球将有750亿台联网设备。",
        
        "大数据": "大数据具有4V特征：Volume（海量）、Velocity（高速）、Variety（多样）、Value（价值）。通过数据挖掘和分析，为企业决策提供支持，推动数字化转型。",
        
        "网络安全": "网络安全包括数据保护、身份认证、访问控制等。随着数字化发展，面临网络攻击、数据泄露等威胁，需要建立多层防护体系。"
    };
    
    /**
     * 初始化页面
     */
    function initPage() {
        // 初始化标签页
        initTabs();
        
        // 添加欢迎消息
        addWelcomeMessage();
        
        // 绑定输入框事件
        bindInputEvents();
    }
    
    /**
     * 初始化标签页功能
     */
    function initTabs() {
        $('.tab-nav-item').on('click', function() {
            var targetTab = $(this).attr('data-tab');
            
            // 更新导航样式
            $('.tab-nav-item').removeClass('active');
            $(this).addClass('active');
            
            // 切换内容
            $('.tab-content').removeClass('active');
            $('#' + targetTab).addClass('active');
        });
    }

    /**
     * 添加欢迎消息
     */
    function addWelcomeMessage() {
        var welcomeText = "您好！我是AI智能助手，专注于科技领域的问答。\n\n我可以为您解答关于人工智能、5G、云计算、区块链等技术问题。您可以点击下方的快捷问题，或者直接输入您的问题！";
        
        setTimeout(function() {
            addMessage('ai', welcomeText);
        }, 500);
    }
    
    /**
     * 绑定输入框事件
     */
    function bindInputEvents() {
        $('#chatInput').on('keypress', function(e) {
            if (e.which === 13) { // Enter键
                sendMessage();
            }
        });
        
        $('#chatInput').on('input', function() {
            var text = $(this).val().trim();
            if (text) {
                $('#sendBtn').addClass('active');
            } else {
                $('#sendBtn').removeClass('active');
            }
        });
    }

    /**
     * 快捷问题点击
     */
    window.askQuickQuestion = function(question) {
        $('#chatInput').val(question);
        sendMessage();
    };
    
    /**
     * 发送消息
     */
    window.sendMessage = function() {
        var input = $('#chatInput');
        var message = input.val().trim();
        
        if (!message) return;
        
        // 添加用户消息
        addMessage('user', message);
        
        // 清空输入框
        input.val('');
        $('#sendBtn').removeClass('active');
        
        // 显示打字指示器
        showTypingIndicator();
        
        // 模拟AI思考时间后回复
        setTimeout(function() {
            hideTypingIndicator();
            var response = getAIResponse(message);
            addMessage('ai', response);
        }, 1500 + Math.random() * 1000);
    };
    
    /**
     * 添加消息到聊天区域
     */
    function addMessage(type, text) {
        var time = new Date().toLocaleTimeString('zh-CN', {
            hour: '2-digit',
            minute: '2-digit'
        });
        
        var messageHtml = '<div class="message ' + type + '">' +
            '<div class="message-bubble">' + text + '</div>' +
            '<div class="message-time">' + time + '</div>' +
            '</div>';
        
        $('#chatMessages').append(messageHtml);
        scrollToBottom();
    }
    
    /**
     * 获取AI回复
     */
    function getAIResponse(userMessage) {
        // 完全匹配
        if (techKnowledge[userMessage]) {
            return techKnowledge[userMessage];
        }
        
        // 关键词匹配
        var lowerMessage = userMessage.toLowerCase();
        
        if (lowerMessage.includes('人工智能') || lowerMessage.includes('ai')) {
            return techKnowledge["什么是人工智能？"];
        } else if (lowerMessage.includes('5g') || lowerMessage.includes('五g')) {
            return techKnowledge["5G技术的特点是什么？"];
        } else if (lowerMessage.includes('云计算') || lowerMessage.includes('云服务')) {
            return techKnowledge["云计算的优势有哪些？"];
        } else if (lowerMessage.includes('区块链') || lowerMessage.includes('blockchain')) {
            return techKnowledge["区块链如何工作？"];
        } else if (lowerMessage.includes('机器学习') || lowerMessage.includes('机器智能')) {
            return techKnowledge["机器学习"];
        } else if (lowerMessage.includes('物联网') || lowerMessage.includes('iot')) {
            return techKnowledge["物联网"];
        } else if (lowerMessage.includes('大数据') || lowerMessage.includes('数据分析')) {
            return techKnowledge["大数据"];
        } else if (lowerMessage.includes('网络安全') || lowerMessage.includes('信息安全')) {
            return techKnowledge["网络安全"];
        } else if (lowerMessage.includes('你好') || lowerMessage.includes('您好')) {
            return "您好！很高兴为您服务。我是专业的科技AI助手，可以为您解答各种科技相关问题。有什么想了解的吗？";
        } else if (lowerMessage.includes('谢谢') || lowerMessage.includes('感谢')) {
            return "不客气！如果您还有其他科技问题，随时可以问我。我会尽力为您提供准确的信息！";
        } else {
            // 智能推荐相关话题
            var suggestions = [
                "抱歉，我对这个问题了解有限。不过我可以为您介绍一些热门科技话题：",
                "• 人工智能的发展现状",
                "• 5G技术的应用场景", 
                "• 云计算的商业价值",
                "• 区块链的技术原理",
                "",
                "您可以点击上方的快捷问题，或者询问其他科技相关内容！"
            ];
            return suggestions.join('\n');
        }
    }
    
    /**
     * 显示打字指示器
     */
    function showTypingIndicator() {
        $('#typingIndicator').addClass('show');
        scrollToBottom();
    }
    
    /**
     * 隐藏打字指示器
     */
    function hideTypingIndicator() {
        $('#typingIndicator').removeClass('show');
    }
    
    /**
     * 滚动到底部
     */
    function scrollToBottom() {
        var chatMessages = $('#chatMessages')[0];
        setTimeout(function() {
            chatMessages.scrollTop = chatMessages.scrollHeight;
        }, 100);
    }
    
    /**
     * 页面加载完成后初始化
     */
    appcan.ready(function() {
        // 返回按钮事件
        appcan.button("#nav-left", "btn-act", function() {
            appcan.window.close(-1);
        });
        
        // 初始化页面
        initPage();
    });
    
})($); 

 